*{box-sizing:border-box}html{height:100%}body{margin:0;font-family:'Inter',sans-serif;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80);color:#000;overflow:hidden;padding:24px}main{background:#fff;border:4px solid #000;box-shadow:8px 8px 0 #000;padding:clamp(24px,5vw,48px);max-width:500px;width:100%;transition:box-shadow .3s ease}main:hover{box-shadow:12px 12px 0 #000}img{display:block;width:100px;height:auto;margin-bottom:24px}h1{margin:0 0 16px;font-size:clamp(2rem,6vw,2.75rem);font-weight:900;text-transform:uppercase;line-height:1.1}p{margin:0 0 24px;font-size:clamp(1rem,2.5vw,1.125rem);font-weight:400;line-height:1.5}a{display:inline-block;background:#E1306C;color:#fff;border:4px solid #000;box-shadow:4px 4px 0 #000;padding:12px 24px;font-size:1.125rem;font-weight:900;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;text-transform:uppercase}a:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 #000}